/* For Z-Blog erx_VIP [ https://app.zblogcn.com/?id=42368 ] */

$(function(){
	var erxVIPStyle = `
<style>
.erx-vip-wrap{display:none;position:fixed;top:0;left:0;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999;backdrop-filter:blur(3px);}
.erx-vip-wrap.erxshow{display:flex;}
.erx-vip-inner{display:flex;align-items:center;flex-wrap:wrap;position:relative;max-width:94%;color:#222;font-size:18px;padding:50px;background:#fff;border-radius:6px;overflow:hidden;box-sizing:border-box;transform:translateY(200%);transition:all .6s ease;}
.erx-vip-inner.erxact{transform:translateY(0);}
.erx-vip-inner::after{position:absolute;top:-20%;left:-33%;content:'';width:80%;height:0;padding-top:80%;background:linear-gradient(90deg,#fff 0,#fff 50%,rgba(0,0,0,.05));border-radius:50%;box-shadow:24px 0 rgba(0,0,0,.02);z-index:0;}
.erx-vip-inner .e-close{position:absolute;top:15px;right:15px;line-height:.6;color:#222;font-size:1.2em;font-weight:bold;text-decoration:none;z-index:9;}
.erx-vip-inner .e-close:hover{color:#f60;}
.erx-vip-intro, .erx-vip-form{position:relative;z-index:3;}
.erx-vip-intro{width:250px;line-height:1.6;font-size:.9em;padding:0 50px 0 0;}
.erx-vip-intro p{position:relative;margin:0 0 .5em;padding:0 0 0 .3em;z-index:3;}
.erx-vip-intro p::before{content:'i';position:absolute;top:.7em;right:100%;width:1.4em;height:1.4em;line-height:1.4em;color:#fff;font-size:.6em;text-align:center;background:#bbb;border-radius:50%;}
.erx-vip-form h3{margin:0 0 1.1em;font-size:1.25em;font-weight:bold;}
.erx-vip-form .e-i-u{display:flex;align-items:center;margin:0 0 1.1em;}
.erx-vip-form .e-i-u img{width:2.25em;height:2.25em;margin:0 .5em 0 0;border-radius:50%;}
.erx-vip-form .e-i-u p{margin:0;padding:0;line-height:1.35;}
.erx-vip-form .e-i-u span:not(.e-name){margin-right:.5em;font-size:.8em;}
.erx-vip-form .e-i-u span.e-name{color:#0886A1;font-weight:bold;}
.erx-vip-form .e-i-u span.e-status{margin:0;}
.erx-vip-form .e-i-u .e-status, .erx-vip-form .e-i-u .e-expire{display:none;}
.erx-vip-form .e-i-u .erxshow{display:inline-block;}
.erx-vip-form .e-i-u span i{font-style:normal;opacity:.5;}
.erx-vip-form .e-i-u span em{margin:0 3px;font-size:.9em;background:#eee;padding:1px 4px;border-radius:3px;text-shadow:1px 1px 0 #fff;font-style:normal;}
.erx-vip-form .e-i-u span .levelname{background:#efe8ce;}
.erx-vip-form input, .erx-vip-form button{width:100%;line-height:46px;font-size:.9em;font-weight:bold;border-radius:6px;}
.erx-vip-form input{display:block;min-width:220px;height:46px;margin:0 0 1em;color:#f60;border:2px #0886A1 solid;padding:0 15px;box-sizing:border-box;}
.erx-vip-form input.erxerr{border-color:#f30;animation:wobble linear .1s 5;}
.erx-vip-form button{position:relative;display:block;height:45px;color:#fff;background:#0886A1;border:0;cursor:pointer;}
.erx-vip-form button:hover{text-shadow:1px 1px 0 #666;}
.erx-vip-form button.erxact{color:#ddd;cursor:not-allowed;}
.erx-vip-form button.erxact::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";
    background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);animation:btnAct 2s linear infinite;background-size:40px 40px;}
@keyframes btnAct { from { background-position: 0 0;}  to { background-position: 40px 0;}}

.erx-vip-form .e-i-tips{position:absolute;top:105%;left:0;width:100%;color:#0c0;font-size:.8em;text-align:center;}
.erx-vip-form .red{color:#f00;}
.erx-vip-form .e-i-tips.red::before{content:'\\26A0';}
@keyframes wobble {
  0% {transform: translateX(8px);}
  100% {transform: translateX(-8px);}
}
@media screen and (max-width:720px) {
	.erx-vip-inner{font-size:16px;padding:30px 30px 40px;}
	.erx-vip-inner::after{top:-35%;left:-25%;width:150%;background:linear-gradient(180deg,#fff 0,#fff 50%,rgba(0,0,0,.05));box-shadow:0 24px rgba(0,0,0,.02);}
	.erx-vip-intro, .erx-vip-form{width:100%;}
	.erx-vip-intro{padding:0 0 1em;}
}
</style>
`;
	var erxVIPDom = `
<div class="erx-vip-wrap">
	<div class="erx-vip-inner">
		<div class="erx-vip-intro"><p>先登录账号</p><p>填写有效会员码，一键升级续期</p><p>相同目标等级有效期可叠加，有效期过后自动恢复到原始等级</p><p><a href="https://pay.ldxp.cn/shop/TSNDURKM" target="_blank" textvalue="点击这里获取会员码">点击这里获取会员码</a></p></div>
		<div class="erx-vip-form">
			<h3>会员升级·续期</h3>
			<div class="e-i-u">
				<img src="http://fk.91ccie.com/zb_users/avatar/0.png">
				<p><span class="e-name"><a href="javascript:xc_login_but_login();">先点击这里登录！</a></span></p>
			</div>
			<input type="text" maxlength="18" class="e-code" placeholder="请填写会员码"><input type="hidden" value="aa9a02119e4f3248f77a11b274daae94" class="e-token"><button>确认提交</button>
			<div role="alert" aria-live="polite" class="e-i-tips"></div>
		</div>
		<a href="javascript:;" class="e-close" title="关闭">&times;</a>
	</div>
</div>
`;
	$("head").append(erxVIPStyle);
	$("body").append(erxVIPDom);
	$(".erx-vip-inner .e-close").click(function(){
		$(".erx-vip-wrap").removeClass("erxshow").children().removeClass("erxact");
		$(this).hasClass("e-succeed") ? location.reload() : '';
	});
	$("body").on("click", "a[href='#vipmember']", function() {
		$(".erx-vip-wrap").addClass("erxshow").find(".e-code").focus();
		setTimeout(function(){
			$(".erx-vip-inner").addClass("erxact");
		}, 50);
		return false;
	});
	$(".erx-vip-form button").click(function(){
		let $self = $(this), btn_t = $self.text(), $code = $(".erx-vip-form .e-code"), code = $code.val(), token = $(".erx-vip-form .e-token").val();
		if($self.hasClass("erxact")){
			return;
		}
		if(code.length != 18){
			erxVIPtips("\u4f1a\u5458\u7801\u586b\u5199\u9519\u8bef\uff01", "red");
			$code.focus().addClass("erxerr");
			setTimeout(function(){
				$code.removeClass("erxerr");
			}, 1500);
			return;
		}
		$self.addClass("erxact").text("\u6b63\u5728\u5904\u7406\u2026\u2026");
		$.post(bloghost + "zb_users/plugin/erx_VIP/" + "post" + "." + "php", {
			"code":code,
			"token":token,
			}, function(data){
				let s = data;
				if((s.search("faultCode")>0)&&(s.search("faultString")>0)){
					erxVIPtips(s.match("<string>.+?</string>")[0].replace("<string>","").replace("</string>",""), "red");
				}else{
					$.ajax({
						type: "GET",
						timeout: 5000,
						url: bloghost + "zb_users/plugin/erx_VIP/extra/" + "do" + "." + "php?act=getval",
						success: function(data){
							if(data != ''){
								let uds = data.split("===erx===");
								$(".erx-vip-form .levelname").text(uds[0]).parent().next().addClass("erxshow").find(".days").text(uds[1]).animate({opacity:0.1},300).animate({opacity:1},300).animate({opacity:0.1},300).animate({opacity:1},300).animate({opacity:0.1},300).animate({opacity:1},300).parent().next().removeClass("erxshow");
								$self.parent().next().addClass("e-succeed").attr("title", "\u5173\u95ed\u5e76\u5237\u65b0\u7f51\u9875");
								erxVIPtips(s, "");
								$code.val('');
							}

						}
					});
				}
				$self.removeClass("erxact").text(btn_t);
			}
		);
	});
	function erxVIPtips(txt, cn){
		let  $tips = $(".erx-vip-form .e-i-tips");
		$tips.text(txt).addClass(cn);
		setTimeout(function(){
			$tips.text("").removeClass("red");
		}, 3000);
	}
	document.addEventListener("keydown", function(e){
		let $code = $(".erx-vip-form .e-code"), code = $code.val();
		if(e.keyCode == 13 && $code.focus() && code.length){
			$(".erx-vip-form button").trigger("click");
		}
	});
});